iT邦幫忙

2018 iT 邦幫忙鐵人賽
DAY 2
0
自我挑戰組

蚵蚵攻城記系列 第 2

[Day 02] 學著安裝Gulp

  • 分享至 

  • xImage
  •  

Gulp對我來說真的是一個很神奇的東西
到目前為止
Gulp幫我解決了一些問題

  1. 建立了一個網頁伺服器(http://localhost:8080)
  2. 將less編譯為CSS
  3. 自動將瀏覽器重新整理
  4. 偵測JavaScript錯誤

我一開始使用gulp是從git hub上fork別人的
這次我要在網路上找找看方法來試著自己安裝看看

首先要先安裝node.js
聽說工程師喜歡穩定的版本
所以我們選最多人選的版本
(我是那種看到新版本就想更新的那種啦)
node.js

安裝完成後點開它
node.js.icon

對一個生科系的來說這個東西太恐怖了
沒有按鍵可以按 真的很想吐

我們先輸入

npm install -g gulp

接著會跑出一連串沒看過的安裝過程

C:\User\Eason

這指的是我當前的目錄

我想要先創建一個資料夾

mkdir mythirdgulp

mkdir

真的產生了一個資料夾
我想要在資料夾裡面裝gulp
所以先把目前的位置換到mythirdgulp

cd mythirdgulp
C:\User\Eason\mythirdgulp

接著輸入

npm init

npm init
會跳出一堆要我輸入 大概就是基本資料
接著會產生一個名為 package.json 的檔案在剛剛的資料夾中

npm install --save-dev gulp

接著安裝我需要的套件

npm install gulp-connect
npm install gulp-less
npm install gulp-clean-css
npm install gulp-uglify
npm install gulp-plumber
npm install gulp-sourcemap
npm install gulp-babel
npm install gulp-rename

接下來要寫要寫設定檔了
這邊.....
我還不會
先跳過它吧


上一篇
[Day 01] 生蚵人想當工程師
下一篇
[Day 03] 我所認識的HTML tag
系列文
蚵蚵攻城記30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言